<div class="breadcrumb">
    <ul>
        <li>
            <i class="icon-home home-icon"></i>
            <a href="#">Home</a>
            <span class="divider">
                <i class="icon-angle-right arrow-icon"></i>
            </span>
        </li>
        <li>
            <a href="#">Acadêmico</a>

            <span class="divider">
                <i class="icon-angle-right arrow-icon"></i>
            </span>
        </li>
        <li class="active">Grade Horária</li>
    </ul>
</div>
<div id="conteudo">
    <div class="c_header">
        <h1 class="tituloh1">Grade horária</h1>
    </div>
    <p class="result-form">O quadro abaixo representa a sua grade horária para o contexto educacional ativo.</p>
    <p id="grade_status">Contexto educacional: <a id="ctxgr" href="#" class="tooltip" title="Clique para alterar o contexto educacional.">
            <strong><?= $gr_atual; ?></strong> <i class="icon-pencil"></i></a>  Status: <strong><?= $gr_status['nome'] ?></strong> 
        <a href="#" title="<?= $gr_status['dsc']; ?>" target="_blank" class="help-me">
            <i class="icon-question-sign"></i></a> </p>
    <form id="grade_form" data-tp-grade="<?= $tp_grade; ?>" class="<?= $tp_grade; ?>">
        <div id="grade_presencial">
            <ul id="grade_principal">
                <?php for ($i = 1; $i <= count($dias); $i++) { ?>
                    <li id="dia<?php echo $i; ?>" class="dia">
                        <ul id="grade_<?php echo $i; ?>" class="grade">
                            <li class="grade_header"><?php echo $dias[$i - 1]; ?></li>
                            <input type="hidden" class="ih" name="ih<?php echo $i; ?>" id="ih<?php echo $i; ?>" value="" />
                            <?php if ($tp_grade === 'gr-ativa') { ?>
                                <li title="Clique para escolher uma disciplina" class="disciplina add_dcp" data-dia="<?php echo $i; ?>" id="horario<?php echo $i; ?>">
                                    <span class="i-plus"><i class="sonic-icon icon-plus-sign"></i></span>
                                </li>
                            <?php } ?>
                        </ul>
                    </li>
                <?php } ?>
            </ul>
        </div>
        <p class="clear">&nbsp;</p>
        <div class="grade_ead dia" id="diaead">
            <ul id="grade_ead1" class="grade">
                <li class="grade_header">Disciplinas cursadas à distância</li>
                <input type="hidden" class="ih" name="ihead" id="ihead" value="" />
                <?php if ($tp_grade === 'gr-ativa') { ?>
                    <li title="Clique para escolher uma disciplina" class="disciplina add_dcp" data-dia="<?php echo $i; ?>" id="horario<?php echo $i; ?>">
                        <span class="i-plus"><i class="sonic-icon icon-plus-sign"></i></span>
                    </li>
                <?php } ?>
            </ul>
        </div>
        <div class="clear"></div>
        <div>
            <p>&nbsp;</p>
            <?php if ($tp_grade === 'gr-ativa') { ?>
                <a id="template" class="botao darkblue" data-fancybox-type="ajax" href="./academico/listar_tmp"><i class="icon-th-large"></i>Usar modelo</a>
                <button id="submeter" class="botao green"><i class="icon-upload-alt"></i>Enviar</button>
                <button id="limpar" class="botao red"><i class="icon-trash"></i>Limpar</button>
            <?php } else { ?>
                <button id="imprimir" class="botao"><i class="icon-print"></i>Versão para impressão</button>
            <?php } ?>
            <a id="msg" href="./academico/enviarmsg" class="botao"><i class="icon-comment"></i>Enviar mensagem</a>
        </div>
    </form>
    <div id="grade-timeline">
        <section id="cd-timeline" class="cd-container">
            <div class="timeline-start"><h2>Histórico da sua grade</h2></div>
            <hr class="hr-clear" />
            <?php
            foreach ($eventos as $evento) {
                $cl = get_class_types($evento->TP_EVENTO);
                $dt = dt_evt($evento->DT_EVENTO);
                ?>
                <div data-co-evt="evt<?= $evento->CO_EVENTO; ?>" data-tp-evt="<?= $evento->TP_EVENTO ?>" class="cd-timeline-block read<?= $evento->ST_LIDO; ?>">
                    <div class="cd-timeline-img <?php echo $cl['cor']; ?>">
                        <?php if ($cl['icone'] === 'user-avatar') { ?>
                            <img src="./public_html/imagens/avatar/<?php echo $evento->FT_FOTO_REMETENTE; ?>" />
                            <span class="user-type"><?php echo $cl['tp_user']; ?></span>
                        <?php } else { ?>
                            <i class="ace-icon <?php echo $cl['icone']; ?>"></i>
                        <?php } ?>
                    </div>
                    <!-- cd-timeline-img -->

                    <div class="cd-timeline-content">
                        <?php if (!empty($evento->NO_EVENTO)) { ?>
                            <h2><?php echo $evento->NO_EVENTO; ?></h2>
                        <?php } ?>
                        <?php if (!empty($evento->NO_REMETENTE)) { ?>
                            <h2><?php echo ($evento->TP_EVENTO === 'alu-msg') ? 'Você' : nome_tela($evento->NO_REMETENTE); ?> disse:</h2>
                        <?php } ?>
                        <?php if (!empty($evento->DS_EVENTO)) { ?>
                            <p class="ds_msg"><?php echo $evento->DS_EVENTO; ?></p>
                            <?php if ($evento->TP_EVENTO === 'crd-msg') { ?>
                                <p><a href="#" class="msg-reply">Responder</a></p>
                            <?php } ?>
                            <?php if ($evento->TP_EVENTO === 'alu-msg') { ?>
                                <p class="msg-opt"><a href="#" class="msg-edit"><i class="icon-pencil"></i> Editar</a> | 
                                    <a href="#" class="msg-remove"><i class="icon-trash"></i> Remover</a></p>
                            <?php } ?>
                        <?php } ?>
                        <span class="cd-date" title="<?php echo $dt['full']; ?>"><?php echo $dt['abbr']; ?></span>
                    </div>
                    <!-- cd-timeline-content -->
                </div>
                <!-- cd-timeline-block -->
            <?php } ?>
            <div data-co-evt="evt_fixo" id="evt_fx" class="cd-timeline-block">
                <div class="cd-timeline-img roxo bounce-in">
                    <i class="ace-icon icon-tag"></i>
                </div>
                <!-- cd-timeline-img -->

                <div class="cd-timeline-content bounce-in">
                    <p>Utilize o quadro acima para montar sua grade horária, esta grade será submetida à análise do coordenador do seu curso. Clique nos quadros para escolher a disciplina, serão aceitas zero ou mais disciplinas por dia.</p>
                    <span class="cd-date">Início</span>
                </div>
                <!-- cd-timeline-content -->
            </div>
            <!-- cd-timeline-block -->
        </section>
    </div>
</div>

<!-- Janela modal que exibe as disciplinas disponíveis -->
<a href="#" class="close_modal">x</a>
<div id="modal_sombra">&nbsp;</div>
<div id="modal_disciplina">
    <div class="turma-details"></div>
    <div class="dcp_dia"></div>
</div>
<!-- Fim da janela modal -->